<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
		
		<script src="../js/jquery-3.1.0.min.js"></script>
		
	</head>
	<body>
		
								<div class=""  data-toggle="distpicker" style="float: left; width: 100%;">
								<!--俩个f-input,需要为这俩个添加联动-->
								<div class="f-input">
									<label><span>籍贯：</span></label> 
									<div class="info-select">
										<div style="position: relative;z-index: 8;">
							            	<select id="jqpro" name="provice" class="industry" style="width: 100%;"> 
								               		<option value=""></option>
								               		<option value=""></option>
								               		<option value=""></option>
								            </select>
										</div>
									</div>
									<div class="tips">
										<span class="add-info">省(自治区/直辖市)</span>
										<div id="jqproTip" style="float: left;">
										
										</div>
									</div>
								</div>
								<div class="f-input">
									<label> <div>&nbsp;</div></label> 
									<div class="info-select">
										<div style="position: relative;z-index: 7;">
							            	<select id="jqcity" name="city" class="industry"style="width: 100%;" >
								               		<option value=""></option>
								               		<option value=""></option>
								               		<option value=""></option>
								            </select>
										</div>
									</div>
									<div class="tips">
										<span class="add-info">市(县)</span>
										<div id="jqcityTip" style="float: left;">
										
										</div>
									</div>		
								</div>
								
								</div><!--至此为俩个f-input,需要为这俩个添加联动-->
					
    <script src="../js/distpicker.data.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/distpicker.js" type="text/javascript" charset="utf-8"></script>   
    <script type="text/javascript">
        $(function () {
        	$('[data-toggle="distpicker"]').distpicker();

        	comSelect();
        	selectCity({
			domSelect : ["#hy","#hyw"],
			domInit : ["请选择","请选择"]
			});
            $(".gf-select ul li:nth-child(odd)").css("background", "#E2E2E2");//下拉条颜色条纹
        	$(".gf-select ul li:nth-child(even)").css("background", "#F1F1F1");
			var bgg="";
			$(".gf-select").on("mouseenter","li",function (){//下拉条变色
				bgg = $(this).css("background-color");
                 $(this).css({ "background-color": "#E2E2E2" });
			});
			$(".gf-select").on("mouseleave","li",function (){
                 $(this).css({ "background-color":bgg });
			});
        });
	
    </script>
		
		
	</body>
</html>
